<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>LW的博客</title>
    <link rel="stylesheet" type="text/css" href="css/index_aboutme.css"/>
</head>
<body>
<div class="main">
    <div class="nav">
        <div class="logo"><a href="index.html"><img src="img/logo.png" alt="" width="100%" height="100%"></a></div>
        <ul>
            <li><a href="index_aboutme.html"  style="color: #FFB94F">关于我</a></li>
            <li><a href="index_lift.html">慢生活</a></li>
            <li><a href="index_photo.html">我的相册</a></li>
            <li><a href="login.html">后台界面</a></li>
        </ul>
    </div>
</div>
<div class="banner">
</div>
<div class="main">
    <div class="content">
        <h2 class="title">ABOUT ME<span></span></h2>
        <div class="top"><img src="img/a5.jpg" alt=""></div>
        <div class="right">
            <table></table>
        </div>
    </div>


    <div class="aside">
        <h3>全部分类</h3>
        <form id="serch">
            <input type="text" placeholder=" 搜 索 "/>
            <button id="btn_ser">搜索</button>
        </form>
        <div class="weather" style="margin-top: 8px">
            <h5>本地天气</h5>
            <iframe width="250" scrolling="no" height="60" frameborder="0" allowtransparency="true"
                    src="http://i.tianqi.com/index.php?c=code&id=12&icon=1&num=1"></iframe>
        </div>
        <div class="list">
            <h4>文章分类</h4>
            <ul>
                <li>日记</li>
                <li>心情</li>
                <li>想法</li>
                <li>随手记</li>
                <li>灵感爆炸</li>
                <li>时政评论</li>
            </ul>
        </div>
        <div class="newart">
            <h4>最近发表的文章</h4>
            <ul>

            </ul>
        </div>
    </div>


</div>

<div class="main">
    <div class="footer">
        <span>欢迎来到LIULIU博客</span>
    </div>
</div>
</body>
</html>
<script src="js/jquery.js"></script>
<script src="js/asideArt.js"></script>
<script>
    $(function () {
        $.ajax({
            url: "http://localhost:5656/bgimg",
            type: "post",
        }).then(function (res) {
            console.log(res[0]["bg_url"]);
            $("body").css("background", 'url(' + res[0]["bg_url"] + ') no-repeat');
        })
        $.ajax({
            type: "POST",
            url: "http://localhost:5656/person",
        }).then(function (res) {
            var str="";
            str+="<tr><td>姓名</td><td>"+res[0].name+"</td></tr>";
            str+="<tr><td>邮箱</td><td>"+res[0].email+"</td></tr>";
            str+="<tr><td>手机</td><td>"+res[0].tel+"</td></tr>";
            str+="<tr><td>电话</td><td>"+res[0].phone+"</td></tr>";
            str+=" <tr><td>公司</td><td>"+res[0].company+"</td></tr>";
            str+="<tr><td>部门</td> <td>"+res[0].department+"</td></tr>";
            str+="<tr><td>备注</td><td>"+res[0].remarks+"</td></tr>";
            str+="<tr><td>个人简介</td><td>"+res[0].profile+"</td> </tr>";
            $("table").html(str);

        })
    })
</script>